﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
	x:Class="FakeMarketplace.DetailPage"
	FontFamily="{StaticResource PhoneFontFamilyNormal}"
	FontSize="{StaticResource PhoneFontSizeNormal}"
	Foreground="{StaticResource PhoneForegroundBrush}"
	SupportedOrientations="Portrait" Orientation="Portrait"
	shell:SystemTray.IsVisible="True" Background="Black">

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="White">
		<!--Pivot Control-->
		<controls:Pivot  Foreground="Black">
			<controls:Pivot.Title>
				<TextBlock Text="{Binding Name,Converter={StaticResource ToUpperCaseConverter}}" FontFamily="Segoe WP Semibold" FontSize="21.333"/>
				</controls:Pivot.Title>
			<!--Pivot item one-->
			<controls:PivotItem Header="details">
				<ScrollViewer Margin="12,0,0,0">
					<StackPanel>
						<Grid>
							<Image HorizontalAlignment="Left" Source="{Binding Image}" Height="173" VerticalAlignment="Top" Width="173"/>
							<TextBlock  LineHeight="44" LineStackingStrategy="BlockLineHeight" Margin="190,-6,0,0" TextWrapping="Wrap" Text="{Binding Name}" VerticalAlignment="Top" FontSize="42.667" FontFamily="Segoe WP SemiLight"/>
							<TextBlock  LineHeight="44" LineStackingStrategy="BlockLineHeight" Margin="190,134,0,0" TextWrapping="Wrap" Text="0,99€" VerticalAlignment="Top" FontSize="42.667" FontFamily="Segoe WP SemiLight"/>
					
						</Grid>
						<StackPanel Orientation="Horizontal" Margin="0,24,0,0">
							<Path Fill="Black" Width="42" Height="40" Stretch="Fill" StrokeThickness="0" StrokeLineJoin="Round" Data="F1 M 24,10.2671L 15.26,10.2048L 12.5,1.91182L 9.74,10.2048L 1,10.2671L 8.03423,15.4546L 5.39261,23.7861L 12.5,18.6992L 19.6074,23.7861L 16.9658,15.4546L 24,10.2671 Z " UseLayoutRounding="False" Margin="3,0,0,0" />
							<Path Fill="Black" Width="42" Height="40" Stretch="Fill" StrokeThickness="0" StrokeLineJoin="Round" Data="F1 M 24,10.2671L 15.26,10.2048L 12.5,1.91182L 9.74,10.2048L 1,10.2671L 8.03423,15.4546L 5.39261,23.7861L 12.5,18.6992L 19.6074,23.7861L 16.9658,15.4546L 24,10.2671 Z " UseLayoutRounding="False" Margin="3,0,0,0" />
							<Path Fill="Black" Width="42" Height="40" Stretch="Fill" StrokeThickness="0" StrokeLineJoin="Round" Data="F1 M 24,10.2671L 15.26,10.2048L 12.5,1.91182L 9.74,10.2048L 1,10.2671L 8.03423,15.4546L 5.39261,23.7861L 12.5,18.6992L 19.6074,23.7861L 16.9658,15.4546L 24,10.2671 Z " UseLayoutRounding="False" Margin="3,0,0,0" />
							<Path Fill="Black" Width="42" Height="40" Stretch="Fill" StrokeThickness="0" StrokeLineJoin="Round" Data="F1 M 24,10.2671L 15.26,10.2048L 12.5,1.91182L 9.74,10.2048L 1,10.2671L 8.03423,15.4546L 5.39261,23.7861L 12.5,18.6992L 19.6074,23.7861L 16.9658,15.4546L 24,10.2671 Z " UseLayoutRounding="False" Margin="3,0,0,0" />
							<Path Fill="#FF8F8F8F" Width="42" Height="40" Stretch="Fill" StrokeThickness="0" StrokeLineJoin="Round" Data="F1 M 24,10.2671L 15.26,10.2048L 12.5,1.91182L 9.74,10.2048L 1,10.2671L 8.03423,15.4546L 5.39261,23.7861L 12.5,18.6992L 19.6074,23.7861L 16.9658,15.4546L 24,10.2671 Z " UseLayoutRounding="False" Margin="3,0,0,0" />

						</StackPanel>
						<TextBlock Text="11 ratings" FontSize="22.667" Foreground="#FF8D8D8D" Margin="0,4,0,0"/>
						<TextBlock TextWrapping="Wrap" Text="{Binding Description}" FontSize="24" Foreground="Black" Margin="0,8,0,0"/>
					</StackPanel>
				</ScrollViewer>
			</controls:PivotItem>

 			<!--Pivot item two-->
			<controls:PivotItem Header="reviews">
				<Grid/>
			</controls:PivotItem>
			<controls:PivotItem Header="screenshots">
				<Grid/>
			</controls:PivotItem>
			<controls:PivotItem Header="related">
				<Grid/>
			</controls:PivotItem>
			<controls:PivotItem Header="reviews">
				<Grid/>
			</controls:PivotItem>
		</controls:Pivot>
	</Grid>
</phone:PhoneApplicationPage>